import './403.less'
import router from '@/router'
/**
 * 403无权限
 */
export default {
  functional: true,
  name: 'NoAccess',
  render(h) {
    // 返回首页
    const backHome = () => {
      router.replace({ path: '/' })
    }

    return (
      <div class="no-access fixed-view flex flex-just-center flex-align-center">
        <img class="no-access-image" src="https://gw.alipayobjects.com/zos/rmsportal/wZcnGqRDyhPOEYFcZDnb.svg" />
        <div class="no-access-info">
          <h1 class="no-access-title">403</h1>
          <div class="no-access-desc">
            抱歉，你无权访问该页面
          </div>
          <el-button type="primary" onClick={backHome}>返回首页</el-button>
        </div>
      </div>
    )
  }
}